<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <title>苏宁易购</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/commom.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/flexible.js"></script>
</head>
<!-- top -->
<div class="top">
    <div class="top_t">
        <a href="#"><img src="./images/01.png" alt=""></a>
        <div class="pic"><img src="./upload/01.gif" alt=""></div>
        <a href="#"><img src="./images/02.png" alt=""></a>
    </div>
    <div class="btm_t">
        <form action="" class="search"><input type="search" placeholder="亲输入...."></form>
    </div>
</div>
<!-- banner -->
<div class="banner">
    <div class="b_pic">
        <img src="./upload/03.jpg" alt="">
    </div>
</div>
<!-- 广告 -->
<div class="ad">
    <a href="#">
        <img src="./upload/04.gif" alt="">
    </a>
    <a href="#">
        <img src="./upload/05.gif" alt="">
    </a>
    <a href="#">
        <img src="./upload/06.gif" alt="">
    </a>
</div>
<!-- 选项列表 -->
<div class="nav">
    <a href="#">
        <img src="./upload/nav10.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav2.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav3.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav4.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav5.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav6.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav7.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav8.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav9.png" alt="">
        <span>小胖烧饼</span>
    </a>
    <a href="#">
        <img src="./upload/nav11.png" alt="">
        <span>小胖烧饼</span>
    </a>
</div>
<!-- 来电好货 -->
<div class="phone">
    <div class="items">
        <div class="txt">
            <h3>来电好货</h3>
            <p>3C大放价</p>
        </div>
        <div class="pic">
            <img src="./upload/pb.jpg.dpg" alt="">
        </div>
    </div>
    <div class="items">
         <div class="txt">
            <h3>来电好货</h3>
            <p>3C大放价</p>
        </div>
        <div class="pic">
            <img src="./upload/pb.jpg.dpg" alt="">
        </div>
    </div>
    <div class="items">
         <div class="txt">
            <h3>国潮风尚</h3>
            <p>国货正当时</p>
        </div>
        <div class="pic">
            <img src="./upload/pb.jpg.dpg" alt="">
        </div>
    </div>
    <div class="items">
         <div class="txt">
            <h3>来电好货</h3>
            <p>3C大放价</p>
        </div>
        <div class="pic">
            <img src="./upload/pb.jpg.dpg" alt="">
        </div>
    </div>
</div>
<!-- 大礼包 -->
<div class="add">
    <a href="#">
        <img src="./upload/01.png" alt="">
    </a>
    <a href="#">
        <img src="./upload/02.gif" alt="">
    </a>
    <a href="#">
        <img src="./upload/03.gif" alt="">
    </a>
</div>
<!-- 天天特价 -->
<div class="tj_box">
    <div class="hd">
        <div class="item">
            <div class="item_h">
                <h3>天天特价</h3>
            </div>
            <div class="item_ad">人气好货限时抢</div>
            <ul class="item_list">
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic.jpg" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic1.webp" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="item">
            <div class="item_h">
                <h3>天天特价</h3>
            </div>
            <div class="item_ad">人气好货限时抢</div>
            <ul class="item_list">
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic.jpg" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic1.webp" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="item">
            <div class="item_h">
                <h3>天天特价</h3>
            </div>
            <div class="item_ad">人气好货限时抢</div>
            <ul class="item_list">
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic.jpg" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic1.webp" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
            </ul>
        </div>
        <div class="item">
            <div class="item_h">
                <h3>天天特价</h3>
            </div>
            <div class="item_ad">人气好货限时抢</div>
            <ul class="item_list">
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic.jpg" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="pic">
                            <img src="./upload/pic1.webp" alt="">
                        </div>
                        <div class="price">￥0.88</div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="bd">
        <div class="bd_left">
            <p>为您推荐</p>
            <p>精选频道</p>
        </div>
        <div class="bd_right">
            <a href="#">
                <img src="./upload/pic2.webp" alt="">
                <p>烧饼面膜</p>
            </a>
            <a href="#">
                <img src="./upload/pic2.webp" alt="">
                <p>烧饼面膜</p>
            </a>
            <a href="#">
                <img src="./upload/pic2.webp" alt="">
                <p>烧饼面膜</p>
            </a>
            <a href="#">
                <img src="./upload/pic2.webp" alt="">
                <p>烧饼面膜</p>
            </a>
        </div>
    </div>
</div>
<!-- 推荐榜单 -->
<div class="send">
    <div class="title">
        <img src="./upload/txt.png" alt="">
    </div>
    <div class="send_top">
        <div class="sditem">
            <a href="#">
                <img src="./upload/pic4.webp" alt="">
                <div class="sd_txt">
                    <p class="t_t">贴合水润面膜榜</p>
                    <p class="t_d">本周趋势上升76%</p>
                </div>
            </a>
        </div>
        <div class="sditem">
            <a href="#">
                <img src="./upload/pic4.webp" alt="">
                <div class="sd_txt">
                    <p class="t_t">贴合水润面膜榜</p>
                    <p class="t_d">本周趋势上升76%</p>
                </div>
            </a>
        </div>
        <div class="sditem">
            <a href="#">
                <img src="./upload/pic4.webp" alt="">
                <div class="sd_txt">
                    <p class="t_t">贴合水润面膜榜</p>
                    <p class="t_d">本周趋势上升76%</p>
                </div>
            </a>
        </div>
    </div>
    <div class="send_btm">
        <div class="item">
            <div class="send_btm_hd">
                <span>品质耐用蒸锅榜</span>
                <span>人气榜</span>
            </div>
            <p>卖爆1689件</p>
            <div class="send_btm_bd">
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
            </div>
        </div>
        <div class="item">
             <div class="send_btm_hd">
                <span>品质耐用蒸锅榜</span>
                <span>人气榜</span>
            </div>
            <p>卖爆1689件</p>
            <div class="send_btm_bd">
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
            </div>
        </div>
        <div class="item">
             <div class="send_btm_hd">
                <span>品质耐用蒸锅榜</span>
                <span>人气榜</span>
            </div>
            <p>卖爆1689件</p>
            <div class="send_btm_bd">
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
            </div>
        </div>
        <div class="item">
             <div class="send_btm_hd">
                <span>品质耐用蒸锅榜</span>
                <span>人气榜</span>
            </div>
            <p>卖爆1689件</p>
            <div class="send_btm_bd">
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
                <a href="#"><img src="./upload/pic1.webp" alt=""></a>
            </div>
        </div>
    </div>
</div>
<!-- 猜你喜欢 -->
<div class="like">
    <div class="title">
        <img src="./upload/222.webp" alt="">
    </div>
    <ul class="list">
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./upload/0001.webp" alt="">
                </div>
                <div class="txt">
                    <h3>马可波罗 中式抽油烟机13m³大吸力排风挂壁按键式易清洁玻璃面板排油强力烟机CXW-230(YST01)</h3>
                    <div class="lg">
                        <img src="./upload/zy.png" alt="">
                        <span>秒杀</span><span>包邮</span>
                    </div>
                    <div class="prcie">￥<span>268</span><i>4000+评价</i></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./upload/0001.webp" alt="">
                </div>
                <div class="txt">
                    <h3>马可波罗 中式抽油烟机13m³大吸力排风挂壁按键式易清洁玻璃面板排油强力烟机CXW-230(YST01)</h3>
                    <div class="lg">
                        <img src="./upload/zy.png" alt="">
                        <span>秒杀</span><span>包邮</span>
                    </div>
                    <div class="prcie">￥<span>268</span><i>4000+评价</i></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./upload/0001.webp" alt="">
                </div>
                <div class="txt">
                    <h3>马可波罗 中式抽油烟机13m³大吸力排风挂壁按键式易清洁玻璃面板排油强力烟机CXW-230(YST01)</h3>
                    <div class="lg">
                        <img src="./upload/zy.png" alt="">
                        <span>秒杀</span><span>包邮</span>
                    </div>
                    <div class="prcie">￥<span>268</span><i>4000+评价</i></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./upload/0001.webp" alt="">
                </div>
                <div class="txt">
                    <h3>马可波罗 中式抽油烟机13m³大吸力排风挂壁按键式易清洁玻璃面板排油强力烟机CXW-230(YST01)</h3>
                    <div class="lg">
                        <img src="./upload/zy.png" alt="">
                        <span>秒杀</span><span>包邮</span>
                    </div>
                    <div class="prcie">￥<span>268</span><i>4000+评价</i></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./upload/0001.webp" alt="">
                </div>
                <div class="txt">
                    <h3>马可波罗 中式抽油烟机13m³大吸力排风挂壁按键式易清洁玻璃面板排油强力烟机CXW-230(YST01)</h3>
                    <div class="lg">
                        <img src="./upload/zy.png" alt="">
                        <span>秒杀</span><span>包邮</span>
                    </div>
                    <div class="prcie">￥<span>268</span><i>4000+评价</i></div>
                </div>
            </a>
        </li>
        <li>
            <a href="#">
                <div class="pic">
                    <img src="./upload/0001.webp" alt="">
                </div>
                <div class="txt">
                    <h3>马可波罗 中式抽油烟机13m³大吸力排风挂壁按键式易清洁玻璃面板排油强力烟机CXW-230(YST01)</h3>
                    <div class="lg">
                        <img src="./upload/zy.png" alt="">
                        <span>秒杀</span><span>包邮</span>
                    </div>
                    <div class="prcie">￥<span>268</span><i>4000+评价</i></div>
                </div>
            </a>
        </li>
    </ul>
</div>
<!-- 底部导航 -->
<div class="bottom">
    <a href="#">
        <img src="./upload/fz.png" alt="">
        <span>首页</span>
    </a>
    <a href="#">
        <img src="./upload/ss.png" alt="">
        <span>搜索</span>
    </a>
    <a href="#">
        <img src="./upload/ml.png" alt="">
        <span>列表</span>
    </a>
    <a href="#">
        <img src="./upload/gwc.png" alt="">
        <span>购物车</span>
    </a>
    <a href="#">
        <img src="./upload/wd.png" alt="">
        <span>查找</span>
    </a>
</div>
<body>
</body>

</html>